<style type="text/css">
  .mail{
		width:760px;
		font-size:12px;
	}
	.mail ul{
		margin:0;
		padding:0;
	}
	.mail li{
		list-style:none;
	}
	.mailhead{
		height:85px;
		width:760px;
	}
	.mailhead li{
		float:left;
		height:85px;
	}
	.mailhead li.home{
		text-align:right;
		padding:55px 5px 0 0;
		line-height:30px;
		color:#3d9c9c;
		height:30px;
		width:335px;
	}
	.mailhead li.home a{
		color:#3d9c9c;
	}
	.mailbody{
		width:758px;
		height:575px;
		border:1px solid #3d9c9c;
		background:#e9f8f8;
	}
	.mailbody .hello{
		margin:36px 0 0 26px;
		font-size:14px;
	}
	.mailbody .hello span{
		color:#ff6600;
		margin-left:10px;
	}
	.mailbody ul{
		margin:50px 0 0 169px;
	}
	.mailbody li{
		height:30px;
		line-height:30px;
		word-spacing:2px;
	}
	.mailbody li .n{
		color:f60;
		text-decoration:underline;
	}
	.mailbody li .v{
		color:f00;
		font-weight:bold;
	}
	.mailbody .bodytitle{
		font-size:14px;
		font-weight:bold;
	}
	.mailbody .btn a{
		display:block;
		margin:0 0 0 145px;
		background:url(images/mail/btn_view.png) no-repeat;
		width:130px;
		height:30px;
	}
	.mailbody table{
		border-collapse:collapse;
		width:718px;
		margin-left:21px;
	}
	.mailbody table caption{
		text-align:left;
		height:37px;
		line-height:37px;
		font-weight:bold;
		font-size:14px;
	}
	.mailbody table td{
		border:1px solid #a3dcdc;
		height:38px;
		line-height:38px;
		background:#fff;
		font-size:14px;
		padding-left:14px;
	}
	.ico2{
		background:#e9f8f8 url(images/mail/ico_fahuo.png) no-repeat 90px 77px;
	}
	.huodong{
		width:735px;
		_width:758px;
		height:362px;
		border:1px solid #3d9c9c;
		margin:7px 0;
		padding-left:23px;
	}
	.huodong .title{
		height:46px;
		line-height:46px;
		font-size:14px;
		font-weight:bold;
		width:706px;
	}
	.huodong .newcon li{
		width:343px;
		height:103px;
		border:1px solid #a3dcdc;
		float:left;
	}
	.huodong .buy{
		border-bottom:1px solid #a3dcdc;
		clear:both;
	}
	.huodong .buycon{
		margin-top:5px;
		line-height:25px;
		color:#2d7373;
	}
</style>
<div class="mail">
	<ul class="mailhead">
		<li style="width:410px;"><img src="images/mail/logo.png" alt="" width="410" height="85" /></li>
		<li class="home">进入东方娃娃官方证订网 <a href="shop.dfww.com.cn" target="_blank">shop.dfww.com.cn</a></li>
	</ul>
  <div class="mailbody ico2">
  	<div class="hello">亲爱的<span>xiaoyidady</span></div>
    <ul>
    	<li class="bodytitle">您订购的商品已经发货！</li>
    	<li>您在 <span class="n">东方娃娃官方征订网</span> 订购的商品已于 2012年1月10日 发货。</li>
    </ul>
    <table style="margin-top:50px;">
    	<caption>订单信息</caption>
    	<tr>
      	<td>商品名称： 东方娃娃</td>
      </tr>
      <tr>
      	<td>商品名称： 东方娃娃</td>
      </tr>
      <tr>
      	<td>商品名称： 东方娃娃</td>
      </tr>
      <tr>
      	<td>商品名称： 东方娃娃</td>
      </tr>
    </table>
    <ul>
      <li class="btn"><a href="javascript:;"></a></li>
    </ul>
  </div>
  <div class="huodong">
  	<div class="title new">最新活动</div>
    <ul class="newcon">
    	<li></li>
    	<li style="margin-left:23px;"></li>
    </ul>
    <div class="title buy">购买保障</div>
    <ul class="buycon">
    	<li>1、无忧购物之服务支持</li>
    	<li>您的购物过程中遇到任何问题，都可以联系客服寻求帮助；客服热线：0371-66289525 66036262</li>
    	<li>2、无忧购物之货品保证</li>
    	<li>（1）杂志社出版新期刊的时间为上个收货时间月的25号出版本月的杂志，所以，收到杂志的时候不会超过本月的8号。如果订的是多种杂志，我们是等当月的杂志全出版出来，系统自动认定发出。</li>
    	<li>（2）如果没及时发出杂志，请别着急，记得跟我们联系，我们给你补发或者是延发，不过，这个可能性是非常非常小的。</li>
    </ul>
  </div>
  <img src="images/mail/ad.png" alt="">
</div>
